
.in-segment-color{
    color: #7886B0; 
}


.segment_con{
    ion-slides{
        height: 90%;
        width: 100%;
        overflow: hidden;
        ion-slide{
            align-items: initial;
            justify-content: initial;
            overflow: hidden;
            height: 100%;
            width: 100%;
        }
    }
}

.segment_div{    width: 100%;overflow: auto; padding-bottom: 2rem;}

.supercon{
    padding: 3rem 0;
    background-color: #22305B;
    div{
        flex: 1;font-size: 1.5rem;
        &:nth-child(1){border-right: 1px solid #7886B0;box-sizing: border-box;}
    }
}
.sy_h4{
    color: #17E2E4;font-size: 1.5rem;height: 3rem;margin:1rem 0;
    span{border-bottom:2px solid #17E2E4;padding: .5rem 0;}
} 

.invitefriends{
    width: 100%;
    overflow-y: auto;
    img{
        margin: 2rem auto 1rem;
        width: 40%;
    }
    p{  
        text-align: center;
        &:nth-child(2){
            color: #17E2E4;
            margin: .5rem auto;
        }
        .buttons{
            margin: 2rem auto 0;
            a{
                color: #fff;
                text-decoration: none;
                display: block;
                padding: 1rem 3rem;
            }
        }
        &:nth-child(4){
            border-radius: 1rem;
            font-size: 1.3rem;
            padding: 1.8rem 0;
            margin: 5.5rem auto 0;
            width: 92%;
            padding: 1rem;
            background-color: #22305B;
            input{display: inline-block;height: 100%;background: none;text-align: center;}
            a{color: #17E2E4;}
        }
        &:nth-child(5){
            margin: 2rem 0;
            height: 5rem;
            line-height: 5rem;
            a,span{
                color: #17E2E4;
                border: 1px solid #17E2E4;
                box-sizing: border-box;
                padding: .4rem 3rem;
                border-radius: .4rem;
                text-decoration: none;
                font-size: 1.4rem;
            }
        }
    }
}

.firendlist{
    overflow-y: auto;
    height: 100%;
    width: 100%;
    ul{
        margin: 0 auto;
        display: block;
        li{
            display: flex;
            margin: 1rem;
            padding: 1rem;
            margin-top: .1rem;
            border-radius: .4rem;
            justify-content: space-between;
            background-color: #22305B;
            // &:nth-last-child(1){
            //     border: 0;
            // }
            .fl-list{
                display: flex;
                align-items: center;
                img{
                    width: 4.5rem;
                    height: 4.5rem;
                    border-radius: 50%;
                }
                p{  
                    padding-left: .5rem;
                    &:nth-child(1){
                        font-size: 1.5rem;
                        margin-bottom: .2rem;
                    }
                    
                    &:nth-child(2){
                        font-size: 1.2rem;
                    }
                } 
            }

            .fr-list{
                span{
                    background-image: linear-gradient(77deg, #17E2E4, #00B1F2);
                    padding: 0.1rem 2rem;
                    margin-left: 0.3rem;
                    font-size: 1.2rem;
                    text-align: center;
                    color: #fff;
                    display: inline-block;
                    border-radius: 2rem;
                    margin-bottom: 0.2rem;
                }
                p{
                    font-size: 1.5rem;
                }
            }
        }
    }
}

// 收益列表
.sy_list{
    ul li{
        display: flex;justify-content:space-between;padding: 0 2rem;background-color: #22305B;line-height: 5rem;font-size: 1.4rem;
        border-bottom: 1px solid #040f22;
        p{color: #fff;font-size: 1.5rem;}
    }
}